
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin:0;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
  display:block;
}
body{font-size:12px;font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}
li{list-style:none;}
a{text-decoration:none;}

.clear:after{content:"";display:block;clear:both;overflow:hidden;height:0;visitible:hidden;}

/*顶部图片*/
#top{
  background:rgb(82, 3, 108);
  position:relative;
}
.header-top{
  display:block;
  width:1000px;
  height:100px;
  margin:0 auto;
}
.header-top img{
  width:100%;
  height:100px;
  display:block;
}
/*关闭按钮*/
.header-top span{
  position:absolute;
  right:70px;
  top:1px;
  display:block;
  width:28px;
  height:19px;
  cursor:pointer;
  color:white;
}

/**  main-top  fl  **/
.top-main{
  width:100%;
  height:160px;
}
.site-top{
  width:100%;
  border-bottom:1px solid #eeeeee;
  background:#f5f5f5;
}
.site-top .article{
  width:1190px;
  margin:0 auto;
  height:35px;
  line-height:35px;
}
/**左边*/
.fl{
  float:left;
  overflow:hidden;
  color:#999;
  font-size:12px;
}
.fl p{
  float:left;
}
.fl p span{
  margin-right:5px;
}
.fl p span:nth-of-type(1){
  i{
    display:block;
    width:15px;
    height:36px;
    float:left;
    background:url(../../images/icon_index.png) no-repeat  0px 10px
  }
}
.fl .fl-l span:nth-child(3) a{
  color:#CB351A;
}
.fl .fl-l a{
  color:#999;
}

/*悬停*/
.fl .fl-l a:hover{
  color:#CB351A;
}
/**fl-m*/
.fl-m{
  padding-left:10px;
  a{
    display:block;
    float:left;
    width:20px;
    height:36px;
    margin-right:3px;
  }
  a:nth-of-type(1){
    background:url(../../images/icon_index.png) no-repeat  -378px 10px
  }
  a:nth-of-type(2){
    background:url(../../images/icon_index.png) no-repeat  -414px 10px
  }
  a:nth-of-type(3){
    background:url(../../images/icon_index.png) no-repeat  -449px 10px
  }
  a:nth-of-type(4){
    background:url(../../images/icon_index.png) no-repeat  -485px 10px
  }
}
/**fl-r**/
.fl-r{
  padding-left:10px;
}

/*** fr **/
.fr{
  width:397px;
  float:right;
  line-height:35px;

  div:nth-child(1){
    display:inline-block;
    i{
      padding:3px 5px 3px 5px;
      background:url(../../images/icon_index.png) no-repeat scroll -86px 0px
    }
    ul{
      width:83.13px;
      position:absolute;
      left:-1px;
      top:36px;
      border:1px solid #cccccc;
      border-top:none;
      border-bottom:0;
      background:#fff;
      padding:0 0 0px 10px;
      position:absolute;
      left:-1px;
      top:36px;
      overflow:hidden;
      height:0;
      li{
        height:24px;
        line-height:24px;
      }
      li a:hover{
        color:#CB351A;
      }
    }
  }
  div:nth-child(1):hover{
    background:#fff;
    border:1px solid #cccccc;
    border-bottom:none;
    i{
      background:url(../../images/icon_index.png) no-repeat scroll -67px 0px
    }
    ul{
      height:126px;
      border-bottom:1px solid #cccccc;
      transition:all 0.3s;
      z-index:2;
    }
  }


  div:nth-last-child(1){
    i{
      padding:2px 7px 1px 6px;
      background:url(../../images/icon_index.png) no-repeat scroll -25px 3px
    }
    p{
      position:absolute;
      left:-152px;
      top: 34px;
      z-index:2;
      transition:all 0.3s;
      height:0;
      overflow:hidden;
      border:1px solid #cccccc;
      border-bottom:0;
      border-top:0;
    }
  }
  div:nth-last-child(1):hover{
    border:1px solid #cccccc;
    border-bottom:0;
    background:#fff;
    i{
      background:url(../../images/icon_index.png) no-repeat scroll -45px 3px
    }
    p{
      height:138px;
      border-bottom:1px solid #cccccc;
    }
  }


  div:nth-of-type(2){
    i{
      padding:2px 7px 1px 6px;
      background:url(../../images/icon_index.png) no-repeat  -66px -20px;
    }
  }
  div:nth-of-type(2):hover{
    i{
      background:url(../../images/icon_index.png) no-repeat  -44px -20px;
    }
  }

  div{
    position:relative;
    float:left;
    height:36px;
    padding:0 8px;
    font-size:12px;
    border:1px solid transparent;
    border-bottom:none;
    a{
      color:#999;
    }
  }
  div a:hover{
    color:#CB351A;
  }
  div:hover{
    color:#CB351A;
  }
  span{
    float:left;
    color:#ddd;
    padding:0 3px;
    font-size:12px;
  }
}

/***搜索框**/
.top-main .head-top{
  width:1190px;
  margin:0 auto;
}
.top-main .head-top .article{
  width:100%;
}
/*logo*/
.search{
  position:relative;
  width:625px;
  height:88px;
  padding:35px 0 0 355px;
  background:#fff;
  float:left;
  /*logo*/
  >a{
    display:block;
    position:absolute;
    width:300px;
    height:120px;
    left: 0;top:0;
    img{
      display:block;
    }
  }
  /*搜索框*/
  #search-form{
    width:650px;
    .text{
      float:left;
      width:400px;
      height:35px;
      line-height:35px;
      border:2px solid #cb1e00;
      text-indent:11px;
      outline:0;
      color:#cccccc;
    }
    .text:hover{
      border-color:green;
    }
    .sub{
      float:left;
      width:90px;
      height:39px;
      background:#cc1d00;
      font-size:16px;
      color:#fff;
      cursor:pointer;
      border:0;
      outline:0;
    }
  }
  /*热点**/
  p{
    width:423px;
    height:26px;
    line-height:26px;
    font-size:12px;
    color:#9a9a9a;
    overflow:hidden;
    text-align:left;
    float:left;
    a{
      color:#cccccc;
      padding:0 4px;
    }
    a:nth-of-type(1){
      color:red;
    }
    a:nth-of-type(2){
      color:red;
    }
  }
}
/** topAd */
.top-main .head-top  .topAd{
  float:right;
  width:200px;
  height:113px;
  img{
    width:200px;
    height:90px;
    margin-top:15px;
  }
}

/* nav  **/
.nav{
  width:1190px;
  margin:0 auto;
  line-height:36px;
  border-bottom:1px solid #000;
  .navMain{
    width:100%;

    .all{
      width:180px;
      text-align:center;
      font-size:15px;
      float:left;
      color:white;
      background:#CB351A;
    }

    /* ul */
    .nav-list{
      float:left;
      height:36px;
      position:relative;
      //首页
      li:nth-of-type(1){
        a{
          color:#CB351A;
        }
      }

      //整点抢
      li:nth-of-type(4){
        a{
          display:block;
          text-align:center;
          width:58px;
          height:36px;

          span{
            overflow:hidden;
            width:100%;
            height:100%;
            display:block;
            position:absolute;
            left:0;
            top:0;
          }
        }
      }
      /*新货*/
      li:nth-of-type(3){
        span{
          display:block;
          background:url(../../images/newN.png) no-repeat 0px 0;
          width:18px;
          height:18px;
          position:absolute;
          right:-5px;
          top: 0;
        }
      }
      /* H */
      li:nth-of-type(5){
        span{
          display:block;
          background:url(../../images/icon_index.png) no-repeat -107px 0;
          width:18px;
          height:18px;
          position:absolute;
          right:-5px;
          top: 0;
        }
      }
      /*  下划线  **/
      .uline{
        width:32px;
        left:0;
        position:absolute;
        height:3px;
        margin:0 12px;
        border-bottom:2px solid #c8391d;
        bottom:0;
        z-index:10;
        div{
          display:block;
          position:absolute;
          left:50%;
          top: 0;
          line-height:0;
          height:0;
          border-width:0 3px 3px;
          margin-left:-3px;
          border-color:#c8391d transparent;
          border-style:solid;
        }
      }


      li{
        float:left;
        height:36px;
        position:relative;

        a{
          padding:0 12px;
          font-size:16px;
          color:#666;
          b{
            width:100%;
            height:36px;
            display:block;
            font-weight:500;
            position:absolute;
            i{
              display:inline-block;
              font-style:normal;
              position:absolute;
            }
          }
          b:nth-of-type(1){
            left:0px;
            top:0;
          }
          b:nth-of-type(2){
            left:0px;
            top:36px;
          }
        }
      }
      li:hover{
        a{
          color:#CB351A;
        }
      }
    }

    /** nav-right */
    .nav-right{
      float:right;
      width:198px;
      height:34px;
      lint-height:34px;
      background:#f9f9f9;
      border:1px solid #e4e4e4;
      text-align:center;
      a{
        color:#7a7a7a;
        display:block;
        i{
          padding:3px 10px;
          margin-right:10px;
          background:url(../../images/icon_index.png) no-repeat -139px 1px;
        }
      }
    }

    .nav-right:hover{
      a{
        color:#c8391d;

      }
    }
  }
}
/**菜单栏**/
.menuBox{
  width:180px;
  margin:0;
  position:relative;
  z-index:20;
  .menuList{
    transition:height 0.5s;
    overflow:hidden;
    position:absolute;
    left:0;top:0px;
    width:180px;
    height:0px;
    background:#cb3e25;
    z-index:10;
    >li{
      background:#cb3e25;
      cursor:pointer;
      border-bottom:1px solid #b82f17;
      border-top:1px solid #da5a44;
      height:49px;
      line-height:20px;
      font-size:14px;
      padding:1.2px 0;
      color:#fff;

      i{
        background:url(../../images/icon_index.png) no-repeat;
        width:39px;
        height:49px;
        float:left;
        margin-right:10px;
        font-size:16px;
        text-align:right;
      }
      h3{
        margin-top:5px;
        font-weight:500;
        font-size:14px;
      }
      >p{
        >a{
          color:#eca598;
          font-size:12px;
          margin-right:5px;
        }
      }
    }
  }
}

.menuBox{
  li:nth-of-type(1) i{
    background-position:right -50px;
  }
  li:nth-of-type(2) i{
    background-position:right -92px;
  }
  li:nth-of-type(3) i{
    background-position:right -266px;
  }
  li:nth-of-type(4) i{
    background-position:right -134px;
  }
  li:nth-of-type(5) i{
    background-position:right -179px;
  }
  li:nth-of-type(6) i{
    background-position:right -223px;
  }
  li:nth-of-type(7) i{
    background-position:right -310px;
  }
  li:nth-of-type(8) i{
    background-position:right -394px;
  }
  li:nth-of-type(9) i{
    background-position:right -350px;
  }
}

/**** 菜单内容 ****/

.conBox{
  display:none;
  background:#fff;
  box-shadow:1px 0 2px #978d8d inset;
  height:456px;
  overflow:hidden;
  position:absolute;
  top: 0;
  width:400px;
  z-index:5;
  left:180px;
  opacity:0.5;
  padding:12px 8px 12px 0px;
  line-height:20px;
  p{
    border-bottom:1px dashed #ccc;
    padding-bottom:8px;
    margin-bottom:12px;
    strong{
      display:block;
      font-size:12px;
      height:22px;
      font-weight:bold;
      color:black;
    }
    a{
      margin-right:17px;
      display:inline-block;
      color:#666;
      cursor:pointer;
      font-size:12px;
    }
    a:hover{
      color:#eca598;
    }
  }
}
section{
  width:100%;
}
.main{
  width:1190px;
  margin:0 auto;
}
.topCon{
  color: #999;
  line-height: 50px;
  height: 50px;
  a{
    padding: 0px 5px;
    color: #666;
    cursor:pointer;
  }
  span{
    cursor:pointer;
  }
}

/****右边列表****/

.rightBox{
  position:fixed;
  height:100%;
  width:315px;
  right:-280px;
  top: 0px;
  z-index:999;
  .rightList{
    width:35px;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#444851;
    /**顶部挂件*/
    .topImg{
      width: 55px;
      height: 75px;
      position: absolute;
      top: 5px;
      left: -12px;
      z-index: 20;
      background-size: 100%;
      img{
        width:75%;
      }
    }

    /**购物车**/
    .cart{
      width:35px;
      position:relative;
      top:15%;
      left:0px;
      a:nth-of-type(1){
        z-index: 1;
        position: relative;
        top: 0;
        left: 0px;
        display: block;
        line-height: 200px;
        width: 35px;
        height: 30px;
        margin: 5px 0;
        padding: 0;
        text-decoration: none;
        color: #d8d8d8;
        font-size: 12px;
        background-color: #444851;
        overflow: hidden;
        i{
          display: block;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 35px;
          height: 30px;
          background: url(../../images/icon_index.png) no-repeat -2px -90px;
        }
      }
      a:nth-of-type(2){
        height: 133px;
        line-height: 16px;
        margin: 5px 0 5px;
        color: #fff;
        //background: #ca3619;
        z-index: 1;
        position: relative;
        top: 0;
        left: 0px;
        display: block;
        width: 35px;
        font-size: 12px;
        i{
          display: block;
          position: absolute;
          left: 0px;
          top: 0px;
          width: 35px;
          height: 30px;
          background: url(../../images/icon_index.png) no-repeat -3px -139px;
          line-height:16px;
        }
        .span{
          position:absolute;
          top:40px;
          left: 12px;
          display: block;
          width: 16px;
          height: 48px;
          cursor: pointer;
          color: #fff;
          line-height:16px;
        }
        span{
          display: block;
          width: 21px;
          height: 21px;
          position:absolute;
          left:7px;
          top:100px;
          text-align: center;
          line-height: 21px;
          background: #ca3619;
          border-radius: 50%;
          cursor: pointer;
          color: #fff;
        }
      }
    }
    .cart a:hover{
      background: #ca3619;
    }

    /*<!--列表-->*/
    .cart-list{
      top: auto;
      bottom: 0px;
      z-index: 2;
      position: absolute;
      height:283px;
      //top: 38%;
      left: 0;
      width: 35px;
      margin-top: -190px;
      background: #444851;
      ul{
        li:hover{
          background:#ca3619;
        }

        li{
          position:relative;
          >a{
            z-index: 1;
            position: relative;
            top: 0;
            left: 0px;
            display: block;
            line-height: 200px;
            width: 35px;
            height: 30px;
            margin: 5px 0;
            padding: 0;
            text-decoration: none;
            color: #d8d8d8;
            font-size: 12px;
            background-color: #444851;
            overflow: hidden;
            i{
              display: block;
              position: absolute;
              left: 0px;
              top: 0px;
              width: 35px;
              height: 30px;
              background: url(../../images/icon_index.png) no-repeat -2px -233px;
            }
          }
          .chu{
            //transition:all 0.5s;
            position: absolute;
            left: 0px;
            top:0;
            width: 0px;
            overflow: hidden;
            white-space: nowrap;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            //background: #444851;
            a{
              display: block;
              height: 100%;
              padding: 0px;
              margin: 0px;
              line-height: 30px;
              color: #fff;
              z-index: 1;
              position: relative;
              top: 0;
              left: 0px;
              width: 100%;
              font-size: 12px;
              background-color: #444851;
              overflow: hidden;
            }
          }
        }

        li:nth-of-type(3){
          >a{
            i{
              background-position: -3px -278px;
            }
          }
        }
        li:nth-of-type(4){
          >a{
            i{
              background-position: -2px -314px;
            }
          }
          .chu{
            top:-40px;
            height:125px;
          }
        }
        li:nth-of-type(5){
          >a{
            i{
              background-position: -2px -350px;
            }
          }
        }

        li:nth-of-type(6){
          >a{
            i{
              background-position: -2px -390px;
            }
          }
        }

        li:hover >a:nth-of-type(1){
          background:#ca3619;
        }


        li:nth-of-type(1):hover a:nth-of-type(2){
          background-color:#ca3619;
        }
        li:nth-of-type(1):hover a:nth-of-type(2) .kkf{
          background:url(../../images/icon_index.png) no-repeat -2px -425px;
        }

        li:nth-of-type(1):hover .kftc a{
          background: #444851;
        }
        li:nth-of-type(1){
          position:relative;
          >a{
            z-index:1;
            position:relative;
            top:0;
            left:0px;
            display:block;
            line-height:200px;
            width:35px;
            height:30px;
            margin:5px 0;
            padding:0;
            text-decoration:none;
            color:#d8d8d8;
            font-size:12px;
            background-color:#444851;
            overflow:hidden;
            margin-bottom:0;
            padding-bottom:0;
            margin-top:-5px;
          }
          >a:nth-of-type(1){
            i{
              display:block;
              position:absolute;
              left:0px;
              top:0px;
              width:35px;
              height:30px;
              background:url(../../images/wxIcon_white.png) no-repeat center;
            }
          }
          >a:nth-of-type(2){
            i{
              display:block;
              position:absolute;
              left:0px;
              top:0px;
              width:35px;
              height:30px;
              background:url(../../images/icon_index.png) no-repeat -1px -191px;
            }
          }
          div{
            color:#fff;
            text-align:center;
            padding-bottom:5px;
            margin-top:0px;
            font-size:12px;
          }

          /**弹窗*/
          .kftc{
            bottom:0;
            position: absolute;
            left: 0px;
            width: 0px;
            overflow: hidden;
            white-space: nowrap;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            background: #444851;
            height:202px;
            .tactusImg{
              height:170px;
              .close{
                display: block;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 14%;
                height: 16%;
                background: rgba(255,255,255,0);
                cursor: pointer;
                z-index: 20;
              }
              .loginBefore{
                display:block;
                margin: 0;
                font-size: 12px;
                padding: 0;
                font-family: Arial, Helvetica, sans-serif;
                a{
                  position: absolute;
                  left: 18%;
                  top: 55%;
                  width: 50%;
                  height: 10%;
                  background: url(../../images/icon_index.png) no-repeat -10000px 0;
                  padding: 0px;
                  margin: 0px;
                  line-height: 30px;
                  em{
                    height: 18px;
                    line-height: 18px;
                    margin-top: -9px;
                    width: 44px;
                    position: absolute;
                    display: block;
                    margin-left: 0;
                    top: 50%;
                    left: 55px;
                    font-size: 12px;
                    text-align: center;
                    background: #a2e65b;
                    border-radius: 4px;
                    color: #fff;
                  }
                }
                img{
                  width: 210.492px;
                }
              }
            }
            .tactus{
              width: 255px;
              overflow: hidden;
              //padding: 0px 0 5px 10px;
              background: #444851;
              text-align: center;
              a{
                display: block;
                width: 190.492px;
                height: 28px;
                margin: 0;
                line-height: 28px;
                font-size: 14px;
                background: #444851 url(../../images/icon_index.png) no-repeat  -568px -20px;
                padding-left: 10px;
                padding-top: 6px;
                color:white;
              }
            }
          }
        }

      }
    }
  }
}


.rightBox{
  .rightCon{
    width:280px;
    position: absolute;
    right:0;
    background: #ddd;
    height: 100%;
    .nopublic{
      height: 100%;
      width: 100%;
      background: #ddd;
      overflow: hidden;
      .nothing{
        position: relative;
        top: 40%;
        height: 250px;
        width: 220px;
        margin: -220px auto 0;
        color: #999;
        font-size: 14px;
        text-align: center;
        .noicon{
          background: url(../../images/cartshop.png) no-repeat center center;
          width: 220px;
          height: 220px;
        }
        a{
          font-size: 16px;
          line-height: 40px;
        }
      }
    }
  }
}


/***footer****/
footer{
  background:#fff;
  .promise{
    border-top:1px solid #e4e4e4;
    padding:20px 0;
    border-bottom:1px solid #e4e4e4;
    width:100%;
    margin-top:0;
    .main-wrap{
      width:1190px;
      margin:0 auto;
      overflow:hidden;
      dl{
        padding-left:35px;
        width:215px;
        float:left;
        overflow:hidden;
        span{
          background:url(../../images/icon_index.png) no-repeat -58px -345px;
          display:block;
          float:left;
          width:45px;
          height:45px;
          margin-right:10px;
          font-size:12px;
        }
        dt{
          font-size:15px;
          font-weight:bold;
          line-height:24px;
          float:left;
          width:140px;
        }
        dd{
          line-height:22px;
          color:#666;
          float:left;
          width:140px;
          font-size:12px;
        }
      }
      dl:nth-of-type(2){
        width:245px;
        padding-left:0;
      }
      dl:nth-of-type(3){
        width:245px;
        padding-left:0;
      }
      dl:nth-of-type(4){
        width:245px;
        padding-left:0;
      }
      dl:nth-of-type(5){
        width:205px;
        padding-left:0;
      }
    }
  }


  .main-wrap{
    width:1190px;
    margin:0 auto;
    overflow:hidden;
    .forLink{
      padding:30px 45px;
      overflow:hidden;
      margin:0;
      dl{
        float:left;
        width:200px;
        font-size:12px;
        dt{
          font-weight:bold;
          font-size:15px;
          height:26px;
        }
        dd{
          line-height:20px;
          font-size:12px;
          cursor:pointer;
          color:#666;
          transition:all 0.5s;
        }
        dd:hover{
          color: #CB3415;
        }
      }
      .gouApp{
        float:left;
        text-align:center;
        h3{
          font-weight:bold;
          font-size:15px;
          height:26px;
          text-align:center;
        }
        img{
          width:95px;
          height:95px;
        }
      }
    }
  }


  .about{
    background:#fff;
    padding-bottom:15px;
    p{
      text-align:center;
      line-height:24px;
      font-size:12px;
      a{
        color:black;
        cursor:pointer;
      }
    }
    p:nth-of-type(2){
      margin-top:10px;
    }
    .abLink{
      height:35px;
      line-height:35px;
      background:#444851;
      overflow:hidden;
      a{
        color:#adadad;
        padding:0 17px;
        cursor:pointer;
        line-height:35px;
        text-align:center;
        transition:all 1s;
      }
      a:hover{

        color:#fff;
      }
      span{
        color:#555;
        font-size:12px;
        padding:0;
        line-height:35px;
        text-align:center;
      }
    }
    .newcor{
      width:990px;
      height:62px;
      margin:0 auto;
      padding-top:21px;
      text-align:center;
      overflow:hidden;
      a{
        color:#CB3415;
        img{
          display:inline-block;
          border:1px solid #ccc;
          height:60px;
          width:112px;
          margin:0 3px;
        }
      }
    }

  }
}


/*goods项目*/
.cart-wrap{
  margin-top:30px;
  background: #fff;
  margin-bottom: 20px;
  color:#666;
  .w{
    width: 990px;
    margin: 0 auto;
/**内容*/
    .jd-cart{
      .cart-main{
        /**头部*/
        .cart-head{
          display: block;
          height: 32px;
          line-height: 32px;
          margin: 0 0 10px;
          padding: 5px 0;
          background: #f3f3f3;
          border: 1px solid #e9e9e9;
          border-top: 0;
          position: relative;

          .t-checkbox{
            height: 18px;
            line-height: 18px;
            padding-top: 7px;
            width: 122px;
            padding-left: 11px;
            float: left;
            .cart-checkbox{
              position: relative;
              z-index: 3;
              float: left;
              margin-right: 5px;
              line-height: 18px;
              >input{
                float: none;
                position: relative;
                z-index: 5;
                vertical-align: middle;
                margin: 0 3px 0 0;
                padding: 0;
              }
            }
          }

          .t-goods{
            width: 208px;
            float: left;
          }
          .t-props{
            width: 140px;
            height: 32px;
            padding: 0 20px;
            float: left;
          }
          .t-price{
            width: 120px;
            padding-right: 40px;
            text-align: right;
            float: left;
          }
          .t-num{
            width: 80px;
            text-align: center;
            float: left;
          }
          .t-sum{
            width: 100px;
            padding-right: 40px;
            text-align: right;
            float: left;
          }
          .t-action{
            width: 75px;
            float: left;
            text-indent:19px;
          }
        }


        /**身体内容**/
        .cart-item{
          margin-bottom: 20px;
          .cart-body{
              .items-list{
                border-style: solid;
                border-width: 2px 1px 1px;
                border-color: #aaa #f1f1f1 #f1f1f1;
                background: #fff;
                .item-full{
                  border-top: 0;
                  position: relative;
                  background: url(../../images/cart-line-02.png) -9px 0 repeat-y;
                  .item{
                    line-height:20px;
                    border: 0;
                    background: #fff4e8;
                    position: relative;
                    padding: 0 10px 1px 40px;
                    line-height: 20px;
                    .item-form{
                      border-top: 1px solid #f1f1f1;
                      display: block;

                      .p-checkbox{
                        position: absolute;
                        z-index: 3;
                        left: 10px;
                        top: 0;
                        width: 30px;
                        min-height: 10px;
                        float: left;
                        padding: 15px 0 10px;
                        .chart-boxcheck{
                          position: relative;
                          z-index: 3;
                          float: left;
                          margin-right: 5px;
                          >input{
                            float: none;
                            position: relative;
                            z-index: 5;
                            vertical-align: middle;
                            margin: 0 3px 0 0;
                            padding: 0;
                          }
                          >span{
                            display: block;
                            position: absolute;
                            z-index: 2;
                            top: -17px;
                            left: 2px;
                            height: 29px;
                            width: 7px;
                            background: url(../../images/cart-line-02.png) 0 -17px no-repeat;
                          }
                        }
                      }


                      .p-goods{
                        width: 300px;
                        float: left;
                        padding: 15px 0 10px;
                        .goods-item{
                          display: block;
                          .p-img{
                            float: left;
                            width: 80px;
                            height: 80px;
                            border: 1px solid #eee;
                            margin-right: 10px;
                            background: #fff;
                            padding: 0;
                            text-align: center;
                            overflow: hidden;
                             img{
                              border: 0;
                              vertical-align: middle;
                              width:80px;
                              height:80px;
                            }
                          }
                          .item-msg{
                            .p-name{
                              height: 40px;
                              line-height: 20px;
                              overflow: hidden;
                              a{
                                color: #333;
                                em{
                                  width: 58px;
                                  height: 16px;
                                  overflow: hidden;
                                  margin-right: 5px;
                                  display: inline-block;
                                  position: relative;
                                  vertical-align: middle;
                                  top: -2px;
                                  font-style: normal;
                                  background:#CB351A;
                                  color:white;
                                  text-align:center;
                                  line-height:16px;
                                }
                              }
                            }

                            .p-extend{
                              margin-top: 2px;
                              .promise{
                                display: block;
                                margin: 0;
                                line-height: 18px;
                                i{
                                  display: inline-block;
                                  width: 17px;
                                  height: 16px;
                                  vertical-align: middle;
                                  overflow: hidden;
                                  background: url(../../images/cart-icons-201708.png) no-repeat -54px -23px;;
                                  font-style: normal;
                                }
                                a{
                                  cursor: default;
                                  padding: 1px 4px 0 7px;
                                  height: 16px;
                                  line-height: 16px;
                                  vertical-align: middle;
                                  color: #6485cb;
                                }
                              }
                            }
                          }
                        }
                      }


                      .p-props{
                        width: 160px;
                        height: 80px;
                        line-height: 20px;
                        overflow: hidden;
                        padding: 15px 10px 0;
                        float: left;
                        .prop-text{
                          white-space: nowrap;
                          text-overflow: ellipsis;
                          overflow: hidden;
                          cursor: default;
                          line-height: 20px;
                        }
                      }

                      .p-price{
                        width: 120px;

                        font-family: verdana;
                        text-align: right;
                        float: left;
                        padding: 15px 0 10px;
                        padding-right: 40px;
                        overflow: hidden;
                        strong{
                          display: block;
                          color: #333;
                          font-weight: 400;
                          text-align: right;
                          line-height: 20px;
                        }
                        a{
                          display: block;
                          width: 53px;
                          border: 1px solid #f9d2d3;
                          color: #e4393c;
                          height: 18px;
                          text-align: left;
                          line-height: 20px;
                          padding: 0 15px 0 8px;
                          cursor: pointer;
                          background: #fff;
                          text-decoration: none;
                          float: right;
                          overflow: hidden;
                          position: relative;
                          b{
                            display: block;
                            position: absolute;
                            right: 8px;
                            top: 8px;
                            width: 7px;
                            height: 4px;
                            margin-left: 5px;
                            overflow: hidden;
                            background: url(../../images/cart-icons-201708.png) -82px -3px;
                          }
                        }
                      }


                      .p-num{
                        width: 80px;
                        float: left;
                        padding: 40px 0 10px;
                        .p-form{
                          position: relative;
                          overflow: hidden;
                          height: 22px;
                          width: 80px;
                          .jian{
                            float: left;
                            border: 1px solid #cacbcb;
                            border-right: 0;
                            height: 18px;
                            line-height: 18px;
                            padding: 1px 0;
                            width: 16px;
                            text-align: center;
                            color: #666;
                            margin: 0;
                            background: #fff;
                          }
                          .itext{
                            position: absolute;
                            left: 17px;
                            top: 0;
                            border: 1px solid #cacbcb;
                            width: 42px;
                            height: 18px;
                            line-height: 18px;
                            text-align: center;
                            padding: 1px;
                            margin: 0;
                            font-size: 12px;
                            font-family: verdana;
                            color: #333;
                            -webkit-appearance: none;
                          }
                          .jia{
                            float: right;
                            border: 1px solid #cacbcb;
                            border-left: 0;
                            color: #666;
                            height: 18px;
                            line-height: 18px;
                            padding: 1px 0;
                            width: 16px;
                            text-align: center;
                            margin: 0;
                            background: #fff;
                          }
                        }
                      }

                      .sum{
                        float: left;
                        padding: 40px 0 10px;
                        width: 100px;
                        padding-right: 40px;
                        text-align: right;
                        font-family: verdana;
                        strong{
                          color: #333;
                          font-weight: 700;
                          display: block;
                          text-align: right;
                          line-height: 20px;
                        }
                      }
                      .p-action{
                        width: 75px;
                        float: left;
                        padding: 15px 0 10px;
                        a{
                          margin-top:22px;
                          color: #666;
                          display: block;
                          background:#e4393c;
                          text-align:center;
                          line-height:25px;
                          height:25px;
                          width:60px;
                          color:white;
                        }
                      }
                    }
                    .item-extra{
                      position: relative;
                      margin-bottom: 10px;
                    }
                    .item-line{
                      position: absolute;
                      z-index: 1;
                      left: 15px;
                      top: 0;
                      width: 2px;
                      height: 100%;
                      background: url(../../images/cart-line-02.png) -9px 0 repeat-y;
                    }
                  }
                }
              }
          }
        }
      }
    }
  }
}


.cart-foot{
  position: relative;
  .cart-toolbar{
    height: 50px;
    border: 1px solid #f0f0f0;
    background: #fff;
    position: relative;
    .toolbar-wrap{
      position: relative;
      width: 988px;
      margin: 0 auto;
      .options-box{
        position: relative;
        height: 50px;
        .toolbar-right{
          position: absolute;
          height: 52px;
          right: 0;
          top: -1px;
          width: 610px;
          .normal{
            height: 52px;
            .commright{
              float: right;
              width: 650px;
              .btn-area{
                float: right;
                a{
                  display: block;
                  position: relative;
                  width: 96px;
                  height: 52px;
                  line-height: 52px;
                  color: #fff;
                  text-align: center;
                  font-size: 18px;
                  font-family: "Microsoft YaHei";
                  background: #e54346;
                  overflow: hidden;
                  b{
                    display: block;
                    position: absolute;
                    width: 96px;
                    height: 52px;
                    top: 0;
                    left: 0;
                    overflow: hidden;
                    background: url(../../images/cart-submit-btn.png) 0 0 no-repeat;
                    line-height: 52px;
                    color: #fff;
                    text-align: center;
                    font-size: 18px;
                  }
                }
              }
              .price-sum{
                float: right;
                height: 43px;
                line-height: 20px;
                margin: 15px 20px 0 10px;
                color: #666;
                width: auto;
                position: relative;
                div{
                  white-space: nowrap;
                  line-height: 20px;
                  color: #666;
                  .txt{
                    width: 50px;
                    float: left;
                    text-align: right;
                    color: #999;
                  }
                  .price{
                    display: inline-block;
                    text-align: right;
                    font-family: verdana;
                    em{
                      font-size: 16px;
                      color: #e4393c;
                      font-weight: 700;
                      font-style: normal;
                    }
                  }
                  b{
                    vertical-align: text-bottom;
                    display: inline-block;
                    height: 18px;
                    width: 12px;
                    background: url(../../images/price-tips.png) 0 0 no-repeat;

                    margin-left: 5px;
                  }
                }
              }
              .amount-sum{
                float: right;
                color: #999;
                height: 44px;
                line-height: 20px;
                margin: 15px 0 0;
                cursor: pointer;
                em{
                  color: #e4393c;
                  font-family: verdana;
                  font-weight: 700;
                  margin: 0 3px;
                  font-style: normal;
                }
              }
            }
          }
        }
      }
    }
  }
}